<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>contents</title>
        <link type="text/css" rel="stylesheet" href='../../css/c1.css'>
        <style>
        p{
            padding:0 10px;
         }
        </style>
        <script src="../../work/jquery-1.12.4.min.js"></script>
        <script>
            jQuery(function ($) {
                $("#btn1").click(function () {
                    $("p").contents().css({fontSize:"36px"});
                });

            });
        </script>
    </head>
    <body>
    <div class="title">contents()</div>
    <p>查找匹配元素内部所有的子节点（包括文本节点）。如果元素是一个iframe，则查找文档内容</p>
    <div class="title">代码示例</div>
    <div class="code">
                        <pre>

                            &lt;script&gt;
                                jQuery(function ($) {
                                    $("#btn1",).click(function () {
                                         $("p").<span>contents()</span>.css({fontSize:"36px"});
                                        //<span>查找所有文本节点。</span>
                                    });
                                });
                           &lt;/script&gt;

                            &lt;p&gt;Hello &lt;span&gt;world&lt;/span&gt;&lt;/p&gt;
                            &lt;button id="btn1" style="margin: 10px;"&gt;点击查看效果&lt;/button&gt;
                        </pre>
    </div>
    <div class="title">代码示例</div>
    <div class="code">
        <p>Hello  <span>world</span></p>

        <button id="btn1" style="margin: 10px;">点击查看效果</button>
    </div>
    </body>
</html>